<template>
    <div id="app">

      <!--2种从父传子的方式-->

      <!--<child message="hello"></child>-->

      <!--子传父自定义事件 emit提交-->
      <child :message="parentMsg" v-on:ListFather="showFather"></child>

    </div>
</template>

<script>
  import child from './child.vue';

    export default {
        name: 'home',
        data () {
            return {
              parentMsg:'hello Vue'
            }
        },
        components:{
          child
        },

        methods:{
          showFather(data){
              alert(data)
          }
        }
    }
</script>
<style>

</style>
